<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.spinner {
				width: 40px;
				height: 40px;
				margin: 100px auto;
				background-color: #333;
				border-radius: 100%;
				-webkit-animation: scaleout 1.0s infinite ease-in-out;
				animation: scaleout 1.0s infinite ease-in-out;
			}
			
			@-webkit-keyframes scaleout {
				0% {
					-webkit-transform: scale(0.0)
				}
				100% {
					-webkit-transform: scale(1.0);
					opacity: 0;
				}
			}
			
			@keyframes scaleout {
				0% {
					transform: scale(0.0);
					-webkit-transform: scale(0.0);
				}
				100% {
					transform: scale(1.0);
					-webkit-transform: scale(1.0);
					opacity: 0;
				}
			}
		</style>
	</head>

	<body>
		<div class="spinner"></div>
	</body>

</html>